<template>
  <Modal class-name="spin-modal" :value="showModal" width="300" :closable="false" :mask-closable="false">
    <Spin fix>
        <Icon type="ios-loading" size="28" class="spin-icon-load"></Icon>
        <div class="spin-text">{{ text }}</div>
    </Spin>
    <div slot="footer"></div>
  </Modal>
</template>

<script>
export default {
  name: 'systemSpin',
  props: ['text', 'showModal']
}
</script>
